<template>
	<div class="dealDeviceInfo">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell">
				<span class="title">设备编号：</span>
				<span class="value">WN2019983290-9-9</span>
			</li>
			<li class="mui-table-view-cell">
				<span class="title">处理状态：</span>
				<span class="value">未处理</span>
			</li>
			<li class="mui-table-view-cell">
				<span class="title">设备名称：</span>
				<span class="value">干燥设备2</span>
			</li>
			<li class="mui-table-view-cell">
				<span class="title">开始时间：</span>
				<span class="value">2017-10-17 10:50:08</span>
			</li>
			<li class="mui-table-view-cell">
				<span class="title" style="letter-spacing: 0.34em;">登记人：</span>
				<span class="value">管理员</span>
			</li>
			<li class="mui-table-view-cell" @click="goDealPer">
				<a class="mui-navigate-right">
					<span class="title" style="letter-spacing: 0.34em;">处理人：</span>
					<span class="value">管理员：</span>
				</a>
			</li>
			<li class="mui-table-view-cell" @click="goAbnormalType">
				<a class="mui-navigate-right">
					<span class="title">异常类型：</span>
					<span class="value">超级异常</span>
				</a>
			</li>
			
			<div class="mui-input-row">
				<label style="letter-spacing: 0.99em;">备注：</label>
				<input type="text" class="mui-input-clear" placeholder="设备异常描述">
			</div>
			<div class="mui-input-row">
				<label>处理方式：</label>
				<input type="text" class="mui-input-clear" placeholder="处理方式描述">
			</div>
			<div class="mui-input-row">
				<label>处理措施：</label>
				<input type="text" class="mui-input-clear" placeholder="处理措施描述">
			</div>
		</ul>
		<div class="btn">
			<mt-button type="primary" size='large'>提交</mt-button>
			<mt-button type="default" size='large'>返回</mt-button>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			goDealPer(){
				this.$router.push({name:'abnormalDealPer'})
			},
			goAbnormalType(){
				this.$router.push({name:'deviceAbnormalType'})
			}
		}
	}
</script>

<style scoped="scoped">
	.mui-input-row{
		border-bottom: 1px solid #EEEEEE;
		margin-left: 15px;
	}
	.mui-input-row label{
		padding-left: 0;
	}
	.mint-button--large {
		margin: 0 auto;
		margin-top: 16px;
	}
	.btn{
		padding-left: 10px;
		padding-right: 10px;
	}
	.mint-button--default {
		background: white;
	}
	.mui-table-view{
		font-size: 16px;
	}
	.title{
		display: inline-block;
		width: 36%;
	}
	.value{
		display: inline-block;
		width: 61%;
	}
</style>
